<template>
  <basic-container>
    <curd-title :title="'基本信息'" />
    <avue-form ref="form" :option="option" v-model="form">
      <template slot="supplierName">
        <el-input
          class="pointer"
          v-model="form.supplierName"
          @focus="openSupplier"
          placeholder="请选择供应商名称"
          readonly
        >
          <i slot="suffix" class="el-icon-search"></i>
        </el-input>
      </template>
    </avue-form>
  </basic-container>
</template>

<script>
import { option } from '@/option/tenant/supplier/authentication-form'
import CurdTitle from '@/components/base/title'
export default {
  name: 'AuthenticationOperation',
  components: { CurdTitle },
  data() {
    return {
      form: {},
      option: option.call(this)
    }
  },
  methods: {
    openSupplier() {
      this.$quickModal({
        title: '选择供应商',
        width: '800px',
        component: h => h('suppliers'),
        props: {}
      })
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .pointer {
  .el-input__inner {
    cursor: pointer !important;
  }
  .el-input__suffix {
    margin-right: 6px !important;
  }
}
</style>
